﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link type="text/css" rel="stylesheet" media="all" href="../../styles/global.css"/>
    <link type="text/css" rel="stylesheet" media="all" href="../../styles/global_color.css"/>
    <script language="javascript" type="text/javascript">
        function showResultDiv(flag) {
            var divResult = document.getElementById("save_result_info");
            if (flag)
                divResult.style.display = "block";
            else
                divResult.style.display = "none";
        }
    </script>
</head>
<body>
<!--Logo区域开始-->
<div id="header">
    <img src="../../images/logo.png" alt="logo" class="left"/>
    <a href="/logout">[退出]</a>
</div>
<!--Logo区域结束-->
<!--导航区域开始-->
<div id="navi">
    <ul id="menu">
        <li><a href="/index" class="index_on"></a></li>
        <li><a href="/rolelist" class="role_off"></a></li>
        <li><a href="/adminList" class="admin_off"></a></li>
        <li><a href="/feelist" class="fee_off"></a></li>
        <li><a href="/accountlist" class="account_off"></a></li>
        <li><a href="/servicelist" class="service_off"></a></li>
        <li><a href="/billList" class="bill_off"></a></li>
        <li><a href="/reportList" class="report_off"></a></li>
        <li><a href="/userInfo" class="information_off"></a></li>
        <li><a href="/userModiPwd" class="password_off"></a></li>
    </ul>
</div>
<!--导航区域结束-->
<!--主要区域开始-->
<div id="main">
    <div id="save_result_info" class="save_success">保存成功！</div>
    <form action="" method="" class="main_form">
        <div class="text_info clearfix"><span>姓名：</span></div>
        <div class="input_info">
            <input id="name" type="text" value=""/>
            <span class="required">*</span>
            <div class="validate_msg_long error_msg">20长度以内的汉字、字母、数字的组合</div>
        </div>
        <div class="text_info clearfix"><span>管理员账号：</span></div>
        <div class="input_info"><input id="admin" type="text" readonly="readonly" class="readonly" value=""/></div>
        <div class="text_info clearfix"><span>电话：</span></div>
        <div class="input_info">
            <input id="tel" type="text" value=""/>
            <span class="required">*</span>
            <div class="validate_msg_long error_msg">正确的电话号码格式：手机或固话</div>
        </div>
        <div class="text_info clearfix"><span>Email：</span></div>
        <div class="input_info">
            <input id="email" type="text" class="width200" value=""/>
            <span class="required">*</span>
            <div class="validate_msg_medium error_msg">50长度以内，正确的 email 格式</div>
        </div>
        <div class="text_info clearfix"><span>角色：</span></div>
        <div class="input_info_high">
            <div class="input_info_scroll">
                <ul id="roleName">
                </ul>
            </div>
            <span class="required">*</span>
            <div class="validate_msg_tiny error_msg">至少选择一个</div>
        </div>
        <div class="button_info clearfix">
            <input type="button" value="保存" class="btn_save" onclick="showResult();"/>
            <input type="button" value="取消" class="btn_save" onclick="cancel();"/>
        </div>
    </form>
</div>
<!--主要区域结束-->
<div id="footer">
    <span>[源自北美的技术，最优秀的师资，最真实的企业环境，最适用的实战项目]</span>
    <br/>
    <span>版权所有(C)云科技有限公司 </span>
</div>
<script src="../../js/jquery-3.2.1.js"></script>
<script>
    //获取所有角色
    $.ajax({
        url: "/allRole",
        type: "post",
        success: function (data) {
            for (var i in data) {
                var role = data[i];
                console.log(role);
                var roleHtm = "<li><input type='checkbox' name='check' id='" + role.roleId + "' value='" + role.roleId + "'>" + role.name + "</li>"
                $("#roleName").append(roleHtm);
            }
        }
    });
    var adminId = getUrlParam('adminid');
    //保存成功的提示消息
    function showResult() {
        var roles = [];
        $("input[name=check]").each(function (i, d) {
            if (d.checked) {
                roles.push(d.value);
            }
        });
        console.log(roles);
        if (roles.length < 1) {
            alert("请至少选择一个");
        } else {
            $.ajax({
                url: "/updateAdmin",
                type: "post",
                data: {
                    adminId:adminId,
                    name: $("#name").val(),
                    admin: $("#admin").val(),
                    telephone: $("#tel").val(),
                    email: $("#email").val(),
                    roles: roles
                },
                success: function () {
                    showResultDiv(true);
                    window.location.href = "/adminList";
                },
                error: function () {
                    alert("cuowu");
                }

            })
        }
    }
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  // 匹配目标参数
        if (r != null) return unescape(r[2]);
        return null; // 返回参数值
    }
    function cancel() {
        if(confirm("修改尚未保存，是否取消")){
            window.location.href="/accountlist";
        }
    }
</script>
</body>
</html>
